<template>
  <div class="container">
    <!-- 抱歉,当前页面您没有访问权限
    <el-link href="/index" type="primary">点击返回</el-link>-->
    <img src="@/assets/image/404_2.png" alt="" style="width:482px; height: 378px;">
    <div class="info">
      <img src="@/assets/image/404_1.png" alt="" style="width:153px; height: 68px;">
      <p>抱歉,您访问的网页不存在或者您没有访问的权限</p>
      <el-button type="primary" @click="handleReturn">返回首页</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Page404',
  methods: {
    handleReturn() {
      this.$router.replace('/')
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  justify-content: space-around;
  width: 1200px;
  margin: 190px auto 0;
  .info {
    color: rgba(0, 0, 0, 0.427450980392157);
    font-size: 16px;
    p {
      margin: 30px 0;
    }
  }
}
</style>
